<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Datatable</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link type="text/css" href="../../jqueryui/themes/redmond/ui.all.css" rel="stylesheet" />
	<link type="text/css" href="../../themes/base/ui.base.css" rel="stylesheet" />
	<link type="text/css" href="../demo.css" rel="stylesheet" />
	<script type="text/javascript" src="../../jqueryui/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="../../jqueryui/ui/jquery-ui.js"></script>
	<script type="text/javascript" src="../../ui/ui.datatable.js"></script>
	<script type="text/javascript" src="../../ui/ui.button.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#existing").datatable({
				title: "Existing Data Table"
			});
			$("#destroy").button({
				text: "Destroy",
				click: function() { $("#existing").datatable("destroy"); }
			});
			$(".btn").button({
				text: "Button"
			});
		});
	</script>
  </head>
  <body>
	<h2>Existing Table</h2>
	<div id="existing">
		<table>
			<thead>
				<tr>
					<th>Date</th>
					<th>Value</th>
					<th>Name</th>
					<th>Address</th>
					<th>Time</th>
					<th>Button</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>21-09-2008</td>
					<td>8.75</td>
					<td>Joe</td>
					<td>213 Main St</td>
					<td>12:00PM</td>
					<td><div class="btn"></div></td>
				</tr>
				<tr>
					<td>2-05-2007</td>
					<td>63.258</td>
					<td>Adam</td>
					<td>736 MacRoad St</td>
					<td>9:24AM</td>
					<td><div class="btn"></div></td>
				</tr>
				<tr>
					<td>17-05-2009</td>
					<td>2</td>
					<td>Barbara</td>
					<td>#8 16 Rubble Road</td>
					<td>14:24</td>
					<td><div class="btn"></div></td>
				</tr>
			</tbody>
		</table>
	</div>
	<div id="destroy"></div>
  </body>
</html>
